<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" id="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link href="/img/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon">
    <link href="/img/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon">
    <link href="/img/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon">
    <link rel="icon" href="http://www.ctoclub.com/favicon.ico" type="image/x-icon"/>
    <title>咨询星球</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="/static/uiplug/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="/static/uiplug/jquery/theme_trust.js"></script>
    <script src="/static/uiplug/jquery/ios-parallax.js"></script>
    <script type="text/javascript" src="/static/uiplug/jquery/main.js"></script>
    <script type="text/javascript" src="/static/uiplug/jquery/fdb08818984846ce8335f4a6013d3cde.js"></script>
    <link rel="stylesheet" type="text/css" href="/static/uiplug/define/css/bootstraps.css">
    <link rel="stylesheet" href="/static/uiplug/define/css/style.css">
    <link rel="stylesheet" href="/static/uiplug/define/css/css.css">
    <script type="text/javascript">


        jQuery(document).ready(function () {
            jQuery('#openSidebar').click(function () {
                jQuery('.wrapper').toggleClass('openNav');
            });
            jQuery('#menu a').click(function () {
                jQuery('.wrapper').removeClass('openNav');
            });
            //初始化自适应首页图片文字宽度和图片相同
            jQuery("#imgText").width(jQuery("#img").width());
            jQuery("#imgText1").width(jQuery("#img1").width());
            jQuery('#top-image').iosParallax({
                movementFactor: 50
            });

        });

        //实时监听自适应首页图片文字宽度和图片相同
        window.onresize = function () {
            jQuery("#imgText").width(jQuery("#img").width());
            jQuery("#imgText1").width(jQuery("#img1").width())
        }

        function submit(search_recipient) {
            var thisID = document.getElementById(search_recipient);
            var href = thisID.getAttribute("data_url");
            var formObj = document.getElementById("a_form");
            formObj.setAttribute("action", href);
            formObj.submit();
        }
    </script>
</head>
<body>
<div class="wrapper">
    <div class="sidebar">
        <div class="clearfix k1120">
            <div class="navBox" id="openSidebar">
                <a href="#" class="navOpen"></a>
            </div>
            <div id="menu">
                <% include('headBar.html'){}%>
            </div>
        </div>
    </div>
    <div class="pageMain">
        <div id="header">
            <div style="float:right;margin-right: 50px;margin-top: 10px">
                <a style="color: black" href="#" onclick="fun();">登录</a>

            </div>
            <div class="k1120 clearfix">
                <% include('logo.html'){}%>
                <p style="margin-left: 80px;margin-top: -45px;font-size: 25px;">&nbsp;咨询星球</p>
            </div>

        </div>
        <div id="home" class="scrol-page">
            <div class="b_1l">
                <div class="k1120 clearfix">
                    <div class="b_text">
                        <h1>直接面对大咖</h1>
                        <h4>发布咨询的同时获得盈利，</h4>
                        <p>
                            咨询付费，让我们实现技术兑现的合作共赢！
                        </p>
                        <p>　　　　　　　　　
                            <button type="button"
                                    style="background-color: white; margin-left: -30%;width: 138px; height: 44px;font-size: 20px;line-height: 44px;padding: 0;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;border-radius:6px!important;">
                                <span id="search_recipient" data_url="/recipient/getRecipientList"
                                      onclick="submit('search_recipient')">查找达者</span>
                            </button>

                            <button type="button"
                                    style=" width: 138px; height: 44px;font-size: 20px;line-height: 44px;padding: 0;margin-left: 20px;background-color: #2594e9;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;border-radius:6px!important;">
                                <span style="color:white;" data_url="/Counselling/getCounsView" id="pay_mony"
                                      onclick="submit('pay_mony')">付费咨询</span>
                            </button>
                        </p>
                    </div>
                </div>
                <form id="a_form" method="post" hidden></form>
            </div>
            <div class="banner">
                <div class="servicesBox" style="margin-top: 40px;text-align: -webkit-center">
                    <div style="float: left;margin-left: 15%">
                        <table class="index_last_table">
                            <tr>
                                <td rowspan="4" style="width: 40%;">
                                    <img id="img" src="/img/index_table_one.png" alt="" height="30%"/>
                                    <span id="imgText"
                                          style="text-align: center;position: absolute;left: 15%;top: 81%;background-color: black;filter: alpha(opacity=50);opacity: 0.6; -moz-opacity: 0.5; color: white">介绍</span>
                                </td>
                                <td class="table_two_td">&nbsp;&nbsp;热点咨询</td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="http://www.chinatimes.com/cn/newspapers/20180902000370-260209">滴滴敲响共享经济警钟，滴滴敲响共享经济警钟，滴滴敲响共享经济警钟，滴滴敲响共享经济警</a>
                                    <hr class="table_hr"/>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <a href="http://www.woshipm.com/it/222516.html">共享经济深度研究报告报告</a>
                                    <hr class="table_hr"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="http://www.xinhuanet.com/comments/2017-01/09/c_1120270953.htm">知识付费”应区别对待对待</a>
                                    <hr class="table_hr"/>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="margin-top: -25px">
                        <table class="index_last_table">
                            <tr>
                                <td rowspan="4" style="width: 38.5%;">
                                    <img id="img1" src=" /img/indx_table_two.png" alt="" height="35%" width="140px"/>
                                    <span id="imgText1"
                                          style="text-align: center;position: absolute;left: 57.5%;top: 85%;background-color: black;filter: alpha(opacity=50);opacity: 0.6; color: white">介绍</span>
                                </td>
                                <td class="table_two_td">&nbsp;&nbsp;咨询推荐</td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="http://www.sohu.com/a/245539377_247350">究竟是谁在给知识付费？</a>
                                    <hr class="table_hr"/>
                                </td>

                            </tr>
                            <tr>
                                <td>
                                    <a href="https://www.sohu.com/a/165252326_99923255">知识付费,法律上怎么说?</a>
                                    <hr class="table_hr"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="http://ip.people.com.cn/n1/2018/0130/c179663-29795373.html">2018知识付费规模破2亿</a>
                                    <hr class="table_hr"/>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="services" class="scrol-page">
        <h2 class="title"><span>搜一搜</span></h2>
        <h5 class="infoText">There are many variations of passages！</h5>
        <h5></h5><h5></h5><h5></h5>
        <div class="case k1120">
            <div id="top-image">
                <div id="content" class="container center-block">
                    <div class="jumbotron">
                        <div class="container">
                            <div class="input-group input-group-lg">
                                <span class="input-group-addon" id="sizing-addon1"><span
                                        class="glyphicon glyphicon-plus" aria-hidden="true"></span></span>
                                <input type="text" class="form-control" placeholder="输入关键词"
                                       aria-describedby="sizing-addon1">
                                <span class="input-group-btn">
        <!--  <button class="btn btn-default" type="button">搜 索</button> -->
       <img class="btn btn-default" width="46px" height="46px" src="/img/sbt.jpg"/>
          </span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="case" class="scrol-page">
        <h2 class="title"><span>达者聚集地</span></h2>
        <h5 class="infoText">There are many variations of passages！</h5>
        <div class="case k1120">
            <ul class="clearfix">
                <li>
                    <div class="view-tenth" style="border: 1px solid #bbe1f1; background: white;height: 400px">
                        <div style="background-color: #dee3e7;height: 100px">
                            <img style="position: relative;top: 10px;width: 90px;height: 90px;border: 3px solid #fff; border-radius: 50%;-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);"
                                 src="picture/2-1503311i935-lp4.jpg" alt=""/>
                        </div>
                        <div style="margin-top: 20px">
                            <h4 style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden">
                                李明
                                <span style="color: #888">10年</span>
                            </h4>
                            <h5>投资副总裁 | 沣扬资本</h5>
                            <h5>计划书</h5>
                            <h5>融资</h5>
                            <h5>
								<span>
									<img src="images/posi.png" alt=""/>
									上海市
								</span>
                                <span style="margin-left: 80px">
									<i></i> 约谈
								</span>
                            </h5>
                            <div style="border-top: 1px dashed #ebebeb;margin-top: 30px">
                                <a href="" title="点击进入专家主页">查看详情</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="view-tenth" style="border: 1px solid #bbe1f1; background: white;height: 400px">
                        <div style="background-color: #dee3e7;height: 100px">
                            <img style="position: relative;top: 10px;width: 90px;height: 90px;border: 3px solid #fff; border-radius: 50%;-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);"
                                 src="https://rs.daniujia.com/FraTXDIqR5bAcrEMBk1Vr6aVqUN5" alt=""/>
                        </div>
                        <div style="margin-top: 20px">
                            <h4 style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden">
                                陈毅
                                <span style="color: #888">8年</span>
                            </h4>
                            <h5>技术总监 | 大数据</h5>
                            <h5>离线计算</h5>
                            <h5>分布式</h5>
                            <h5>
								<span>
									<img src="images/posi.png" alt=""/>
									上海市
								</span>
                                <span style="margin-left: 80px">
									<i></i> 约谈
								</span>
                            </h5>
                            <div style="border-top: 1px dashed #ebebeb;margin-top: 30px">
                                <a href="" title="点击进入专家主页">查看详情</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="view-tenth" style="border: 1px solid #bbe1f1; background: white;height: 400px">
                        <div style="background-color: #dee3e7;height: 100px">
                            <img style="position: relative;top: 10px;width: 90px;height: 90px;border: 3px solid #fff; border-radius: 50%;-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);"
                                 src="https://rs.daniujia.com/n244qvz2ba9.jpg" alt=""/>
                        </div>
                        <div style="margin-top: 20px">
                            <h4 style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden">
                                戴尔
                                <span style="color: #888">10年</span>
                            </h4>
                            <h5>运营总监 | 商业模式</h5>
                            <h5>用户画像</h5>
                            <h5>运营</h5>
                            <h5>
								<span>
									<img src="images/posi.png" alt=""/>
									上海市
								</span>
                                <span style="margin-left: 80px">
									<i></i> 约谈
								</span>
                            </h5>
                            <div style="border-top: 1px dashed #ebebeb;margin-top: 30px">
                                <a href="" title="点击进入专家主页">查看详情</a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="view-tenth" style="border: 1px solid #bbe1f1; background: white;height: 400px">
                        <div style="background-color: #dee3e7;height: 100px">
                            <img style="position: relative;top: 10px;width: 90px;height: 90px;border: 3px solid #fff; border-radius: 50%;-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);box-shadow: 0 1px 3px 1px rgba(0,0,0,.1);"
                                 src="https://rs.daniujia.com/Fnc_cmPlwbYBp83lMGSMTPNuZwzz" alt=""/>
                        </div>
                        <div style="margin-top: 20px">
                            <h4 style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden">
                                雷鸣
                                <span style="color: #888">10年</span>
                            </h4>
                            <h5>技术副总裁 | 金融链</h5>
                            <h5>区块链</h5>
                            <h5>融资</h5>
                            <h5>
								<span>
									<img src="images/posi.png" alt=""/>
									上海市
								</span>
                                <span style="margin-left: 80px">
									<i></i> 约谈
								</span>
                            </h5>
                            <div style="border-top: 1px dashed #ebebeb;margin-top: 30px">
                                <a href="" title="点击进入专家主页">查看详情</a>
                            </div>
                        </div>
                    </div>
                </li>


                <!--
                <li>
                <div class="view-tenth">
                    <img src="picture/2-1503311i935-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
                    <h2><font color='#FFCC33'>化妆品类模板</font></h2>
                    <p>
                        发布于：2015-05-07 / 浏览：167
                    </p>
                    </a>
                </div>
                </li>
                <li>
                <div class="view-tenth">
                    <img src="picture/2-1503311i935-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
                    <h2><font color='#FFCC33'>餐饮类模板</font></h2>
                    <p>
                        发布于：2015-05-07 / 浏览：454
                    </p>
                    </a>
                </div>
                </li>
                <li>
                <div class="view-tenth">
                    <img src="picture/2-1503311i935-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
                    <h2><font color='#FFCC33'>电脑硬件、笔记本类模板</font></h2>
                    <p>
                        发布于：2015-05-07 / 浏览：144
                    </p>
                    </a>
                </div>
                </li>
                <li>
                <div class="view-tenth">
                    <img src="picture/2-1503311i935-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
                    <h2><font color='#FFCC33'>办公文具类模板</font></h2>
                    <p>
                        发布于：2015-05-07 / 浏览：220
                    </p>
                    </a>
                </div>
                </li>

                -->
            </ul>
            <div class="tc moreBox">
                <a href="" target="_blank" class="moreBtn">更多人才</a>
            </div>

        </div>
    </div>


    <!--
    <div id="about" class="scrol-page">
        <h2 class="title"><span>网络营销套餐</span></h2>
        <div class="about2Box">
            <ul class="clentaocan clearfix ">
                <li>
                <div class="taocanbg">
                    <a class="dan pcbg" href="mlist.html" target="_new"></a>
                    <p class="taocan_name">
                        免费PC网站套餐
                    </p>
                    <p class="img-black">
                        优惠价：
                        <span class="img-red tese">0</span>元
                    </p>
                    <div class="taocan_con">
                        <p>
                            <span class="img-red2">优势：</span>互联网pc用户中展示您的网站
                        </p>
                        <p>
                            <span class="img-red2">功能：</span>展示企业形象和您公司广告、产品或新闻动态信息
                        </p>
                        <p>
                            <span class="img-red2">客户群：</span>电脑上网用户
                        </p>
                    </div>
                </div>
                </li>
                <li>
                <div class="taocanbg">
                    <a class="dan phonebg"></a>
                    <p class="taocan_name">
                        免费电脑网站+手机网站套餐
                    </p>
                    <p class="img-black">
                        优惠价：
                        <a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
                    </p>
                    <div class="taocan_con">
                        <p>
                            <span class="img-red2">优势：</span>互联网和移动互联网中同时展示您的网站
                        </p>
                        <p>
                            <span class="img-red2">功能：</span>展示企业形象和您公司广告、产品或新闻动态信息
                        </p>
                        <p>
                            <span class="img-red2">客户群：</span>所有互联网用户和移动终端用户包括手机、平板等
                        </p>
                    </div>
                </div>
                </li>
                <li>
                <div class="taocanbg">
                    <a class="dan weixinbg" href="#" target="_new"></a>
                    <p class="taocan_name">
                        微信公众号展示版+移动网站套餐
                    </p>
                    <p class="img-black">
                        优惠价：
                        <a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
                    </p>
                    <div class="taocan_con">
                        <p>
                            <span class="img-red2">优势：</span>微信用户中展示您的网站,拥有自主公众号，提升企业形象
                        </p>
                        <p>
                            <span class="img-red2">功能：</span>基础产品展示，摇一摇等微互动，智能聊天
                        </p>
                        <p>
                            <span class="img-red2">客户群：</span>可定向发展客户
                        </p>
                    </div>
                </div>
                </li>
                <li>
                <div class="taocanbg">
                    <a class="dan wifibg"></a>
                    <p class="taocan_name">
                        微信网站+智能营销系统套餐
                    </p>
                    <p class="img-black">
                        优惠价：
                        <a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
                    </p>
                    <div class="taocan_con">
                        <p>
                            <span class="img-red2">优势：</span>智能主动营销
                        </p>
                        <p>
                            <span class="img-red2">功能：</span>展示企业形象和您公司促销广告、产品信息
                        </p>
                        <p>
                            <span class="img-red2">客户群：</span>所有智能终端（智能手机、平板等）用户
                        </p>
                    </div>
                </div>
                </li>
                <li>
                <div class="taocanbg">
                    <a class="dan"><img src="picture/net.png"/></a>
                    <p class="taocan_name">
                        PC网站+手机网站+微信站+智能营销系统+空间+域名
                    </p>
                    <p class="img-black">
                        优惠价：
                        <a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
                    </p>
                    <div class="taocan_con">
                        <p>
                            <span class="img-red2">优势：</span>提供线上线下同步营销方案
                        </p>
                        <p>
                            <span class="img-red2">功能：</span>根据企业的营销策略，智能定制互联网营销方案
                        </p>
                        <p>
                            <span class="img-red2">客户群：</span>所有互联网及移动互联网用户
                        </p>
                    </div>
                </div>
                </li>
                <li>
                <div class="taocanbg">
                    <a class="dan mailbg"></a>
                    <p class="taocan_name">
                        PC网站+企业邮局系统
                    </p>
                    <p class="img-black">
                        优惠价：
                        <a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
                    </p>
                    <div class="taocan_con">
                        <p>
                            <span class="img-red2">优势：</span>私有企业邮箱，创造高大上的企业形象
                        </p>
                        <p>
                            <span class="img-red2">功能：</span>自定义设置给客户群发邮件，用户数量不受限制，商业机密不易泄露，内部收发快，各种自定义功能。
                        </p>
                        <p>
                            <span class="img-red2">客户群：</span>所有互联网用户
                        </p>
                    </div>
                </div>
                </li>
            </ul>
        </div>
    </div>




    -->


    <div id="news" class="scrol-page">
        <div class="k1120">
            <h2 class="title"><span>服务体系</span></h2>
            <h5 class="infoText">我们的服务面向对象</h5>

            <div class="newsList">
                <ul class="clearfix">
                    <li>
                        <div class="newsListBox">

                            <h4><a href="" target="_blank"><img src=" /img/rm.jpg"/>&nbsp&nbsp咨询付费</a></h4>
                            <p class="newsViewText">
                                一对一的咨询模式，用户确认结单后才会进入付费结算，否则费用原路退回。直接面对大咖一对一的咨询模式，用户确认结单后费用结算，否则原路退回。咨询过程，平台全程担保。
                            </p><!--
						<p class="newsViewFoot">
							<a href="new.html" target="_blank" class="newsListView">查看详情</a>
						</p>-->
                        </div>
                    </li>
                    <li>
                        <div class="newsListBox">
                            <h4><a href="" target="_blank"><img src=" /img/qz.jpg"/>&nbsp&nbsp知识付费</a></h4>
                            <p class="newsViewText">
                                咨询问题平台将分门别类整理呈献，同样的知识不一样的价格，你值得拥有。
                            </p>

                        </div>
                    </li>
                    <li>
                        <div class="newsListBox">
                            <h4><a href="" target="_blank"><img src=" /img/zs.jpg"/>&nbsp&nbsp专业圈子</a></h4>
                            <p class="newsViewText">
                                高端圈子给您带来的不仅仅知识，更是人脉。圈子线下活动，和大牛一起坐坐，聊聊天，将会是收益匪浅。
                            </p>

                        </div>
                    </li>
                    <li>
                        <div class="newsListBox">
                            <h4><a href="" target="_blank"><img src=" /img/js.jpg"/>&nbsp&nbsp技术兑现</a></h4>
                            <p class="newsViewText">
                                让那些有技术却靠着工资生活的人，实现技术的完美兑现！免费加入平台达者，我们等你
                            </p>

                        </div>
                    </li>
                    <li>
                        <div class="newsListBox">
                            <h4><a href="" target="_blank"><img src=" /img/zr.jpg"/>&nbsp&nbsp咨询营利</a></h4>
                            <p class="newsViewText">
                                申请达者，选择领域，咨询结单，沟通问题，用户结单，计算收益。
                            </p>

                        </div>
                    </li>
                    <li>
                        <div class="newsListBox">
                            <h4><a href="" target="_blank"><img src=" /img/gl.jpg"/>&nbsp&nbsp阅读盈利</a></h4>
                            <p class="newsViewText">
                                达者：不仅您提供的咨询回答可以盈利，别人阅读您依然可以从中盈利。
                                用户：有没有想过，您付费咨询既可以获得答案，又可以从中盈利呢？
                                阅读量越高，您收益越高。所以优质的问题，满意的回答，很重要！
                            </p>
                        </div>
                    </li>
                </ul>

            </div>

        </div>
    </div>
    <div class="scrol-page">
        <h2 class="title"><span>联系我们</span></h2>
        <div class="infoText">
            如果您需要共享互联网巨大商机，如果您需要一个可以长期合作与信任的工作团队，那么请联系我们，谢谢！
        </div>
        <div class="contactBox" id="contact">
            <div class="contactFoot">
                <div class="clearfix k1120">
                    <dl>
                        <dt>联系方式</dt>
                        <dd>
                            <p>
                                中国 · 江苏 · 南京
                            </p>
                            <p>
                                电话：13400065433
                            </p>
                            <p>
                                邮箱：50625185@qq.com
                            </p>
                            <p>
                                微信：wonter
                            </p>
                        </dd>
                    </dl>
                    <dl>
                        <dt>QQ在线咨询</dt>
                        <dd>
                            <p>
                                有什么需求或有疑问请点击以下QQ客服咨询我们
                            </p>
                            <p>
                                <a style="padding-right:20px;"
                                   href="http://wpa.qq.com/msgrd?v=3&amp;uin=50625190&amp;site=qq&amp;menu=yes"
                                   target="_blank">
                                    技术支持-点击洽谈
                                </a>
                            </p>

                        </dd>
                    </dl>
                    <dl>
                        <dt>请关注CTO技术总监官方微信</dt>
                        <dd>
                            <p>
                                <img src=" /img/weixinlogo.jpg"/>
                            </p>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="mapBox">
                <div style="width:100%;" id="dituContent">
                </div>
            </div>
        </div>
    </div>
</div>
﻿
<div class="footer">
    Copyright © 2018 .ctovp.com All Rights Reserved.
    <br>
    <a href="#"><a href="http://www.miitbeian.gov.cn" target="_blank">苏ICP备16066135号-1</a></a>
</div>
<script type="text/javascript">
    function fun() {
        window.location.href = "/login.html";
    }

    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(118.894367, 32.091989);//定义一个中心点坐标
        map.centerAndZoom(point, 17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.disableScrollWheelZoom();//禁用地图滚轮放大缩小
        map.disableDoubleClickZoom();//禁用鼠标双击放大，默认启用(可不写)
        map.disableKeyboard();//禁用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }

    //标注点数组
    var markerArr = [{
        title: "河南小角色网络科技有限公司",
        content: "接待电话：0371-61770339<br/>手机：17090419558",
        point: "113.762712|34.778484",
        isOpen: 0,
        icon: {w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5}
    }];

    //创建marker
    function addMarker() {
        for (var i = 0; i < markerArr.length; i++) {
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0, p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point, {icon: iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title, {"offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor: "#808080",
                color: "#333",
                cursor: "pointer"
            });
            (function () {
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click", function () {
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open", function () {
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close", function () {
                    _marker.getLabel().show();
                })
                label.addEventListener("click", function () {
                    _marker.openInfoWindow(_iw);
                })
                if (!!json.isOpen) {
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }

    //创建InfoWindow
    function createInfoWindow(i) {
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
        return iw;
    }

    //创建一个Icon
    function createIcon(json) {
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
            imageOffset: new BMap.Size(-json.l, -json.t),
            infoWindowOffset: new BMap.Size(json.lb + 5, 1),
            offset: new BMap.Size(json.x, json.h)
        })
        return icon;
    }

    initMap();//创建和初始化地图

</script>
</body>
</html>